<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script type="module">
    // 按需引入的前提(知道模块内 暴露了哪些变量,方法, 类)

    // 按需引入  对应模块内暴露的变量,方法名,类名 引入
    // 注意: 被解构的变量默认是只读的, 只能取值,不能赋值
    // import { a, addA, reduceA } from "../module/a.js";
    // import { b, addB, reduceB } from "../module/b.js";
    // import { c, sum } from "../module/c.js";



    // 如果载入第三方(别人开源)模块 => 可能不知道模块内暴露的变量/方法,怎么办?
    // (1) 看文档
    // (2) 使用整体载入,粗略查看  =>

    // 整体载入 => 将模块内暴露的变量,方法,类 整合到对象中返回
    import * as mdA from "../module/a.js";
    import * as mdB from "../module/b.js";
    console.log(mdA);
    console.log(mdB);


</script>

</html>